<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<meta http-equiv="X-UA-Compatible" content="IE=9">
<html>
<head>
<title>http请求工具(离线版)</title>
<meta charset="utf-8">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link rel="shortcut icon" href="./img/favicon.ico"
	type="image/x-icon" />


<!-- json -->
<script type="text/javascript" src="./js/json/json.js"></script>

<!-- date -->
<script type="text/javascript" src="./js/date/WdatePicker.js"></script>

<!-- jquery and jquery'easyui -->
<script type="text/javascript" src="./js/jquery/jquery.js"></script>
<script type="text/javascript" src="./js/talent/core.js"></script>
<script type="text/javascript" src="./js/talent/util.js"></script>
<script type="text/javascript" src="./js/talent/ui.js"></script>

<link rel="stylesheet" type="text/css" href="./css/talent/grid/grid.css" />
<link rel="stylesheet" type="text/css"
	href="./css/talent/grid/grid-green.css" />
<link rel="stylesheet" type="text/css"
	href="./css/talent/grid/grid-red.css" />

<!-- jquery and jquery'easyui -->
<link href="./js/ztree/css/zTreeStyle.css" rel="stylesheet" />
<script src="./js/ztree/jquery.ztree.core-3.5.min.js"></script>
<script src="./js/ztree/jquery.ztree.excheck-3.5.min.js"></script>
<script src="./js/ztree/jquery.ztree.exedit-3.5.min.js"></script>
<link rel="stylesheet" type="text/css"
	href="./js/jquery/easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="./js/jquery/easyui/themes/icon.css" />
<script type="text/javascript"
	src="./js/jquery/easyui/jquery.easyui.min.js"></script>

<link rel="stylesheet" type="text/css"
	href="./js/artDialog/skins/default.css" />
<script type="text/javascript" src="./js/artDialog/source/artDialog.js"></script>
<script type="text/javascript"
	src="./js/artDialog/source/jquery.artDialog.js"></script>
<script type="text/javascript"
	src="./js/artDialog/source/artDialog.plugins.js"></script>
<script type="text/javascript" src="./js/jstemplate/mustache.js"></script>

<script src='./js/layer/layer.js' type="text/javascript"></script>


<!-- talent validate -->
<link href='./js/validate/css/validate.css' type='text/css' rel='stylesheet' />
<script src='./js/validate/talent-validate-all.js' type="text/javascript"></script>

<link href="./js/autocomplete/autocomplete.css" rel="stylesheet" />
<script src="./js/autocomplete/autocomplete.js"></script>

<link rel="stylesheet" type="text/css" href="./css/baseweb.css" />
<script type="text/javascript" src="./js/baseweb.js"></script>

<script type="text/javascript" src="./js/highlight/Scripts/shCore.js"></script>
<script type="text/javascript" src="./js/highlight/Scripts/shBrushJScript.js"></script>

<link href="./js/highlight/Styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="./js/highlight/Styles/shThemeDefault.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
//SyntaxHighlighter.config.clipboardSwf = './js/highlight/Scripts/clipboard.swf';
SyntaxHighlighter.config.bloggerMode = true;

SyntaxHighlighter.defaults['toolbar'] = false;
SyntaxHighlighter.defaults.gutter = true;  //是否显示左侧的行数等信息


SyntaxHighlighter.config.strings.viewSource = "查看";
SyntaxHighlighter.config.strings.help = "?";


SyntaxHighlighter.all();
</script>

<style type="text/css">

.tt_main {
  background-color: #F0FBEB;
}

a {
  color: #158B42;
  text-decoration: none;
}

.tt_panelHead {
  background-image: url(./css/skin/green/list_table_Head.jpg);
  border: 1px solid #9BDF70;
  border-bottom: 1px solid #9BDF70;
  color: #158B42;
  height: 20px;
  font-weight: bold;
  padding: 2px 2px 2px 5px;
  margin: 0px;
  font-size: 9pt;
}


.tt_queryTable {
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #9BDF70;
  border-top: none;
  font-size: 9pt;
  background-color: #9BDF70;
}
.tt_queryTable tr td {
  border: 1px solid #9BDF70;
  border-top: 0px solid #9BDF70;
}

.talent_grid_table{
	border:1px solid #9BDF70;
	background-color: #F0FBEB;
}
.talent_grid_table thead tr td {
	background-image: url(./css/skin/green/list_table_Head.jpg);
	/**background-color: #9BDF70;*/
	border:1px solid #9BDF70;
	text-align: center;
	font-weight: bold;
	padding: 3px;
	height: 22px;
	color: #158B42;
}
.talent_grid_table tbody tr td {
	border:1px solid #9BDF70;
	padding: 3px;
	color: #158B42;
}



.tt_queryTable_label {
	width: 10%;
	text-align: right;
	font-size: 12px;
	color: #158B42;
	padding-right: 5px;
	background-color: #F0FBEB;
}

.tt_queryTable_input {
	width: 90%;
	padding: 8px 15px;
	background-color: #F0FBEB;
}
</style>

</head>
<body>
	

	<div  title="">
		
		<div style='display:none'>
			<ul id="menuTree" class="ztree"></ul>
		</div>
		
		
		
		<div id="my_page_container" class='tt_page_container' style='display:none'>
			<form id='urlForm' action='${ctx}/common/httpclient/getHtml.talent'
				method='POST'>
				<div class='tt_panelHead' id='tt_panelHead'>
				<div type="" name='templateName' id='templateName'></div>
				</div>
				<table class='tt_queryTable' id='tt_queryTable'>
					<tr style='display:none'>
						<td class='tt_queryTable_input' colspan='4'>
						<span id='tt_method' name='tt_method' style='width:60px;'></span>
						<span id='tt_request_url' name='tt_request_url' value='' style='width: 450px' ></span>
						</td>
					</tr>

					<tr id='requestheaderTr'>
						<td class='tt_queryTable_label' width='50px'><span style='font-size:12pt'>请求头</span>
						</td>
						<td colspan='3' class='tt_queryTable_input'
							style='background-color: #F0FBEB; '><span
							style='display: inline-block'>
								<table style='background-color:#efe' class='talent_grid_table'
									id='headerTable'>
									
									<thead style='display:none' id='headerTableHeader'>
										<tr>
											<td>name</td>
											<td>参考值</td>
											<td>备注</td>
										</tr>
									</thead>
									
									<tbody id='headerTableBody'>
										

									</tbody>
								</table>
						</span></td>
					</tr>
					<tr id='requestparamTr'>
						<td class='tt_queryTable_label' width='50px'><span style='font-size:12pt'>请求参数</span>
						</td>
						<td colspan='3' class='tt_queryTable_input'
							style='background-color: #F0FBEB; '><span
							style='display: inline-block'>
								<table style='background-color:#efe' class='talent_grid_table'
									id='fieldTable'>
									<thead style='display:none' id='fieldTableHeader'>
										<tr>
											<td>name</td>
											<td>参考值</td>
											<td>备注</td>
										</tr>
									</thead>
									<tbody id='fieldTableBody'>
										
									</tbody>
								</table>
						</span></td>
					</tr>


					<tr id='requestbodyTr'>
						<td class='tt_queryTable_label' width='50px'><span style='font-size:12pt'>请求体</span></td>
						<td class='tt_queryTable_input' colspan='3'><div
								style='width: 1000px' name='tt_requestbody' id='tt_requestbody'></div>
						</td>
					</tr>
					
					<tr id='respremarkTr'>
						<td class='tt_queryTable_label' width='50px'><span style='font-size:12pt'>响应字段说明</span>
						</td>
						<td colspan='3' class='tt_queryTable_input'
							style='background-color: #F0FBEB; '><span
							style='display: inline-block'>
								<table style='background-color:#efe' class='talent_grid_table'
									id='respremarkTable'>
									<thead style='display:none' id='respremarkTableHeader'>
										<tr>
											<td>name</td>
											<td>参考值</td>
											<td>备注</td>
										</tr>
									</thead>
									<tbody id='respremarkTableBody'>
										
									</tbody>
								</table>
						</span></td>
					</tr>

					<tr id='remarkTr'>
						<td class='tt_queryTable_label' width='50px'><span style='font-size:12pt'>备注</span></td>
						<td class='tt_queryTable_input' colspan='3'><div  name='tt_remark' id='tt_remark'></div>
						</td>
					</tr>
				</table>
			</form>

			<div id="autocompleteContainer" class="autocompleteContainer"
				style="width: 100px; display: none; position: absolute; z-index: 99999999;">

			</div>
			<div id="autocompleteContainer1" class="autocompleteContainer"
				style="width: 100px; display: none; position: absolute; z-index: 99999999;">

			</div>
		</div>


		<div id="response_div" class='tt_page_container' style='display: none'>
			<form>
				<div class='tt_panelHead' id='tt_panelHead' style='border-bottom:none'>
					<span>响应数据示范</span>
				</div>

				<table class='talent_grid_table'>
					<!-- 
					<thead>
						<tr>
							<td style='width: 500px;'>原始数据</td>
							<td style='width: 500px;'>格式化的数据</td>
						</tr>
					</thead>
					 -->
					<tbody>
						<tr>
							<td valign="top" style='width: 500px;text-align: left;background-color: #fff;'>
								<div id='html_container_json'></div>
							</td>
							<td valign="top" style='width: 500px;text-align: left;background-color: #fff;'>
								<div id='html_container' style='word-break:break-all;'></div>
							</td>
						</tr>
					</tbody>
				</table>
			</form>
		</div>
	</div>
</body>
<script type="text/javascript" src="./app/httpclient-lixian-data.js"></script>
<script type="text/javascript" src="./app/httpclient-lixian2.js"></script>
</html>